<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="SCP_UNA_MVC.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	SCP | Contato
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2 class="titulo maior">Contato</h2>
    <div id="content-page">
        <div id="div_Esquerda">
            <p>
                <label>Nome</label>
                <input type="text" id="txtNome_contato" class="contato" maxlength="60" />
            </p>
            <p>
                <label>Email</label>
                <input type="text" id="txtEmail_contato" class="contato" maxlength="60" />
            </p>
            <p>
                <label>Assunto</label>
                <input type="text" id="txtAssunto_contato" class="contato" maxlength="60" />
            </p>
            <p>
                <label>Mensagem</label>
                <br />
                <textarea lang="pt-br" cols="4" rows="5" id="txtMensagem_contato"></textarea>
            </p>
            <p><button id="btn_enviar">Enviar</button></p>
        </div>
        <div id="div_Direita">
            <img src="../../Content/img/phone.jpg" alt="Telefone" id="img_phone" />
            <label style="display:inline-block; vertical-align:top;">Telefone: 3322.4455</label>
        </div>
        <div id="show_mensagem"></div>
    </div>
    <script type="text/javascript">
        function init_views() {
            $('#show_mensagem').hide();
            $('#btn_enviar').click(function () {
                if (validaCamposObrigatorios()) {
                    if ($.validaEmail($('#txtEmail_contato').val())) {

                        $.ajax({
                            url: '<%=Url.Action("EnviaEmail","Contato") %>',
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                'nome': $('#txtNome_contato').val(),
                                'email': $('#txtEmail_contato').val(),
                                'assunto': $('#txtAssunto_contato').val(),
                                'mensagem': $('#txtMensagem_contato').val()
                            },
                            success: function (json) {
                                limparCampos();
                                
                                if(json.erro == "") {
                                    $('#show_mensagem').removeClass('erro').addClass('sucesso');
                                    $('#show_mensagem').html(json.cliente + ", mensagem enviada com sucesso!").fadeIn(2000, function () {
                                        $('#show_mensagem').fadeOut(5000);
                                    });
                                }
                                else {
                                    $('#show_mensagem').removeClass('sucesso').addClass('erro');
                                    $('#show_mensagem').html("Desculpe-nos. Ocorreu um erro ao enviar o email. Por favor, tente mais tarde. <br/><br/>Detalhes:<br/>" + json.erro ).fadeIn(2000, function () {
                                        $('#show_mensagem').fadeOut(6000);
                                    });
                                }
                            },
                            error: function () {
                                $('#show_mensagem').removeClass('sucesso').addClass('erro');
                                $('#show_mensagem').html("Desculpe-nos. Ocorreu um erro ao enviar o email. Por favor, tente mais tarde. <br/><br/>Detalhes:<br/>" + json.erro).fadeIn(2000, function () {
                                    $('#show_mensagem').fadeOut(7000);
                                });
                            }
                        });

                    }
                }
            });
        }
    </script>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
    <link href="<%=Url.Content("~/Content/css/contato.css") %>" rel="stylesheet" type="text/css" />
</asp:Content>
